<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
		<title>Simple project</title>
		<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
		<link rel="stylesheet" href="css/main.css" />
		
		<!-- jquery mobile -->
		<script type='text/javascript' src='js/libs/jquery-1.7.2.min.js'></script>
		<script type='text/javascript' src='js/libs/jquery.mobile-1.1.0.min.js'></script>
		
		<!-- joo minimum -->
		<script type='text/javascript' src='js/libs/joo_minimum.0.6.js'></script>
		<script type='text/javascript' src='js/libs/cordova-1.8.1.js'></script>
		
		<!-- Utility -->
		<script type='text/javascript' src='js/app/Extra/Utility.js'></script>
		
		<!-- entry register javascript object-->
		<script type='text/javascript' src='js/app/main.js'></script>
		
		<!-- Models -->
		<script type='text/javascript' src='js/app/Models/AppConfig.js'></script>
		<script type='text/javascript' src='js/app/Models/AppSetting.js'></script>
		<script type='text/javascript' src='js/app/Models/LoginServices.js'></script> 
		
		<!-- View -->
		<script type='text/javascript' src='js/app/View/BasePage.js'></script> 
		<script type='text/javascript' src='js/app/View/LoginPage.js'></script>
		<script type='text/javascript' src='js/app/View/MainPage.js'></script>
		
		<!-- Controller -->
		<script type='text/javascript' src='js/app/Controllers/LoginPageController.js'></script>
		<script type='text/javascript' src='js/app/Controllers/MainPageController.js'></script>
		
		<!-- third party -->
		<script type='text/javascript' src='js/libs/class-name-injection.js'></script>
		
	</head>
	<body>
		<!--  login -->
        <div id="login-page" data-role="page" style="background:url(img/bg.png) !important">
            <div data-role="content" >
                <img class="login-logo" width="180" height="100" src="" style="margin-top: 3%;margin-bottom: 3%;margin-left: 5%;"/>
				
				<input type="text" value="anhnt" placeholder="Username" style="width: 80%;margin: 0 auto;" class="username-field"/>
				<input type="password" value="anhlavip" placeholder="Password" style="width: 80%;margin: 0 auto;margin-top: 9px;" class="password-field"/>
				
				<a href="#register-page" data-role="button" class="login-page-btn register-btn">Register</a>
                <a href="#" data-role="button"  class="login-btn login-page-btn" >Login</a>
            </div>
        </div>
		
        <!-- register page -->
        <div id="register-page" data-role="page" style="background:url(img/bg.png) !important;">
            <div data-role="content" style="margin-top: 3%;">
                <img class="login-logo" width="180" height="100" src="img/black-logo.png" /><input type="text" value="Tuan Anh Nguyen" placeholder="Username" style="width: 80%;margin: 0 auto;" class="username-field"/><input type="password" value="12345" placeholder="Password" style="width: 80%;margin: 0 auto;margin-top: 9px;" class="password-field"/><input type="password" value="12345" placeholder="Retype Password" style="width: 80%;margin: 0 auto;margin-top: 9px;" class="repassword-field"/><input type="text" value="anhntbk08@gmail.com" placeholder="Email" style="width: 80%;margin: 0 auto;margin-top: 9px;" class="email-field"/><a href="#" data-role="button" style="width: 35%;margin-top: 25px;margin-bottom: 15px;margin-left: 3%;margin-right: 10%;" class="purple-btn" onClick="appUser.register()">Register</a>
                <a data-rel="back" href="#" data-role="button" style="width: 35%; margin: 0 auto;margin-top: 25px;margin-bottom:15px;" class="purple-btn login-ventitag-btn">Back</a>
                <!--
                <span class="or-txt"> Or</span>
                <a href="#" class="register-link"> Register</a>
                -->
            </div>
        </div>
		
	</body>
</html>
